// 该文件中的变量是全局变量，在css文件和vue组件中可以直接使用
// * {
//     transition: all 0.2s;
// }
$mainColor: #3b75ff; // 网站主题色

// 侧边栏
$menuBg: #fff; // 菜单背景颜色
$menuTextColor: #1b2431; // 菜单文字颜色
$menuActiveTextColor: $mainColor; // 已选中菜单文字颜色
$menuActiveBg: #f0f3ff; // 已选中菜单背景颜色
$menuHover: #fff; // 鼠标经过菜单时的背景颜色
$subMenuBg: #1f2d3d; // 子菜单背景颜色
$subMenuHover: #f0f3ff; // 鼠标经过子菜单时的背景颜色
$collapseMenuActiveBg: #fff; // 菜单宽度折叠后，已选中菜单的背景颜色
$collapseMenuActiveColor: $mainColor; // 菜单宽度折叠后，已选中菜单的文字颜色
$collapseMenuActiveBorderColor: $mainColor; // 菜单宽度折叠后，已选中菜单的边框颜色
$collapseMenuActiveBorderWidth: 2px; // 菜单宽度折叠后，已选中菜单的边框宽度
$arrowColor: #909399; // 展开/收起箭头颜色
$horizontalMenuHeight: 40px; // 菜单栏水平排列时候的高度

// 滚动条样式
*::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #fff;
}

*::-webkit-scrollbar-track {
    border-radius: 10px;
}

*::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #dedede;
}

// 弹性盒子

.flex,
.flex-col,
.flex-wrap {
    display: flex;
    box-sizing: border-box;
}

.iflex {
    display: inline-flex;
}

.fw {
    flex-wrap: wrap;
}

.fc {
    flex-direction: column;
}

.jc {
    justify-content: center;
}

.js {
    justify-content: flex-start;
}

.je {
    justify-content: flex-end;
}

.jb {
    justify-content: space-between;
}

.ja {
    justify-content: space-around;
}

.as {
    align-items: flex-start;
}

.ac {
    align-items: center;
}

.ae {
    align-items: flex-end;
}

.fg {
    flex-grow: 1;
}

.fn {
    flex: none;
}

.fe {
    align-self: flex-end;
}
/* 文本限制两行 */
.text_morerow_2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2; // 显示2行
    -webkit-box-orient: vertical;
    word-break: break-all;
}

/* 文本单行 */
.text_singlerow {
    display: block; /*这里设置inline-block或者block；根据使用情况来定（行内元素需要加这个，块级元素和行内块级可以不用）*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
